<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>window</title>
</head>
<body>


<div id="app">
    <ul>
        <!--v-for用来迭代对象，第一个参数表示当前属性的值，第二个参数表示当前属性的key，第三个参数，表示索引，：：：至少一个参数-->
        <li v-for="value,key,index in user" :key="index">
            {{index}}--{{key}}--{{value}}
        </li>
    </ul>

</div>


<script src="../node_modules/vue/dist/vue.js"></script>
<script>
    let app = new Vue({
            el: "#app",
            data: {

                user:
                    {
                        id: 10010,
                        name: "ldh",
                        age: 50
                    }

            }
        })
    ;
</script>
</body>
</html>